<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <div
      style="background: #fafafa; padding: 24px;"
    >
      <div
        style="width: 100%;"
      >
        <div
          style="margin-block-end: 16px;"
        >
          <div
            class="ant-skeleton"
          >
            <div
              class="ant-skeleton-content"
            >
              <h3
                class="ant-skeleton-title"
                style="width: 185px;"
              />
            </div>
          </div>
          <div
            class="ant-skeleton ant-skeleton-element ant-skeleton-active"
          >
            <span
              class="ant-skeleton-button ant-skeleton-button-sm"
            />
          </div>
        </div>
        <div
          class="ant-card ant-card-bordered"
        >
          <div
            class="ant-card-body"
          >
            <div
              style="display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 128px;"
            >
              <div
                class="ant-skeleton ant-skeleton-element"
              >
                <span
                  class="ant-skeleton-avatar ant-skeleton-avatar-circle"
                  style="width: 64px; height: 64px; line-height: 64px; margin-block-end: 32px;"
                />
              </div>
              <div
                class="ant-skeleton ant-skeleton-element ant-skeleton-active"
              >
                <span
                  class="ant-skeleton-button"
                  style="width: 214px; margin-block-end: 8px;"
                />
              </div>
              <div
                class="ant-skeleton ant-skeleton-element ant-skeleton-active"
              >
                <span
                  class="ant-skeleton-button ant-skeleton-button-sm"
                  style="width: 328px;"
                />
              </div>
              <div
                class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
                style="margin-block-start: 24px;"
              >
                <div
                  class="ant-space-item"
                >
                  <div
                    class="ant-skeleton ant-skeleton-element ant-skeleton-active"
                  >
                    <span
                      class="ant-skeleton-button"
                      style="width: 116px;"
                    />
                  </div>
                </div>
                <div
                  class="ant-space-item"
                >
                  <div
                    class="ant-skeleton ant-skeleton-element ant-skeleton-active"
                  >
                    <span
                      class="ant-skeleton-button"
                      style="width: 116px;"
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>